﻿/*
	Theme Name: My Theme
	Author: Mai Hữu Lợi
	Author URI: imaplus.com
	Deacription: some example 
	version: 1.0
*/
body
{
	line-height: 1;
}
ol, ul{
list-style:none;
}

.nav-bar
{
	background:#5ca5cc;
	height:50px;
	box-shadow:2px 2px 0px #b5b5b5;
	padding: 0px;
}
 .main-nav li,ul{
	display:inline;
}
.main-nav a{
	padding: 0 20px 0 20px;
	text-decoration:none;
	line-height: 50px;
	color:#fff;
	font-family:sans-serif;
}
.main-nav ul ul a
{
	width:135px;
	line-height:40px;
	display:block;
}
.main-nav a:hover
{
	background:#5b5b5b;
}
.main-nav ul li
{
	position:relative;
	float:left;
}
.main-nav ul ul 
{
	position:absolute;
	top: -99999999px;
	left:0;
	opacity:0;
	background:#5ca5cc;
	padding-left: 0px;
}
.main-nav ul li:hover
{
	background:#5b5b5b;
}
.main-nav ul li:hover > ul
{
	position:absolute;
	top:100%;
	opacity:1;
}
#show-nav{
	display:none;
	text-align: right;
	background:#62a351;
}
#close-nav{
	display:none;
	background:#62a351;
	text-align:right;
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	
	.main-nav ul li
	{
		float:none;
	}
	
	#show-nav{
		display:block ;
	}
	.nav-bar
	{
		display: none ;
	}
}
@media only screen and (max-width: 480px) and (min-width: 767px)
{
	#show-nav{
		display:none ;
	}
	#close-nav{
		display:none ;
	}
	.nav-bar
	{
		display: block ;
	}
}